
<!DOCTYPE html>
<html class="no-js css-menubar" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="description" content="bootstrap material admin template">
    <meta name="author" content="">

    <title>Register V2 | Remark Material Admin Template</title>

    <link rel="apple-touch-icon" href="../assets/images/apple-touch-icon.png">
    <link rel="shortcut icon" href="../assets/images/favicon.ico">

    <!-- Stylesheets -->
    <link rel="stylesheet" href="../../global/css/bootstrap.min.css?v2.2.0">
    <link rel="stylesheet" href="../../global/css/bootstrap-extend.min.css?v2.2.0">
    <link rel="stylesheet" href="../assets/css/site.min.css?v2.2.0">

    <!-- Skin tools (demo site only) -->
    <link rel="stylesheet" href="../../global/css/skintools.min.css?v2.2.0">
    <script src="../assets/js/sections/skintools.min.js"></script>

    <!-- Plugins -->
    <link rel="stylesheet" href="../../global/vendor/animsition/animsition.min.css?v2.2.0">
    <link rel="stylesheet" href="../../global/vendor/asscrollable/asScrollable.min.css?v2.2.0">
    <link rel="stylesheet" href="../../global/vendor/switchery/switchery.min.css?v2.2.0">
    <link rel="stylesheet" href="../../global/vendor/intro-js/introjs.min.css?v2.2.0">
    <link rel="stylesheet" href="../../global/vendor/slidepanel/slidePanel.min.css?v2.2.0">
    <link rel="stylesheet" href="../../global/vendor/flag-icon-css/flag-icon.min.css?v2.2.0">
    <link rel="stylesheet" href="../../global/vendor/waves/waves.min.css?v2.2.0">

    <!-- Page -->
    <link rel="stylesheet" href="../assets/examples/css/pages/register-v2.min.css?v2.2.0">

    <!-- Fonts -->
    <link rel="stylesheet" href="../../global/fonts/material-design/material-design.min.css?v2.2.0">
    <link rel="stylesheet" href="../../global/fonts/brand-icons/brand-icons.min.css?v2.2.0">

    <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,700'>


    <!--[if lt IE 9]>
    <script src="../../global/vendor/html5shiv/html5shiv.min.js"></script>
    <![endif]-->

    <!--[if lt IE 10]>
    <script src="../../global/vendor/media-match/media.match.min.js"></script>
    <script src="../../global/vendor/respond/respond.min.js"></script>
    <![endif]-->

    <!-- Scripts -->
    <script src="../../global/vendor/modernizr/modernizr.min.js"></script>
    <script src="../../global/vendor/breakpoints/breakpoints.min.js"></script>
    <script>
        Breakpoints();
    </script>
</head>
<body class="page-register-v2 layout-full page-dark">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->


<!-- Page -->
<div class="page animsition" data-animsition-in="fade-in" data-animsition-out="fade-out">
    <div class="page-content">
        <div class="page-brand-info">
            <div class="brand">
                <img class="brand-img" src="../assets/images/logo@2x.png" alt="...">
                <h2 class="brand-text font-size-40">Remark</h2>
            </div>
            <p class="font-size-20">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>

        <div class="page-register-main">
            <div class="brand visible-xs">
                <img class="brand-img" src="../assets/images/logo-blue@2x.png" alt="...">
                <h3 class="brand-text font-size-40">Remark</h3>
            </div>
            <h3 class="font-size-24">Sign Up</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

            <form method="post" role="form" autocomplete="off">
                <div class="form-group form-material floating">
                    <input type="text" class="form-control empty" id="inputName" name="name">
                    <label class="floating-label" for="inputName">Name</label>
                </div>
                <div class="form-group form-material floating">
                    <input type="email" class="form-control empty" id="inputEmail" name="email">
                    <label class="floating-label" for="inputEmail">Email</label>
                </div>
                <div class="form-group form-material floating">
                    <input type="password" class="form-control empty" id="inputPassword" name="password">
                    <label class="floating-label" for="inputPassword">Password</label>
                </div>
                <div class="form-group form-material floating">
                    <input type="password" class="form-control empty" id="inputPasswordCheck" name="passwordCheck">
                    <label class="floating-label" for="inputPasswordCheck">Retype Password</label>
                </div>
                <div class="form-group clearfix">
                    <div class="checkbox-custom checkbox-inline checkbox-primary pull-left">
                        <input type="checkbox" id="inputCheckbox" name="term">
                        <label for="inputCheckbox"></label>
                    </div>
                    <p class="margin-left-35">By clicking Sign Up, you agree to our <a href="#">Terms</a>.</p>
                </div>
                <button type="submit" class="btn btn-primary btn-block">Sign Up</button>
            </form>

            <p>Have account already? Please go to <a href="login-v2.html">Sign In</a></p>

            <footer class="page-copyright">
                <p>WEBSITE BY amazingSurge</p>
                <p>© 2016. All RIGHT RESERVED.</p>
                <div class="social">
                    <a class="btn btn-icon btn-round social-twitter" href="javascript:void(0)">
                        <i class="icon bd-twitter" aria-hidden="true"></i>
                    </a>
                    <a class="btn btn-icon btn-round social-facebook" href="javascript:void(0)">
                        <i class="icon bd-facebook" aria-hidden="true"></i>
                    </a>
                    <a class="btn btn-icon btn-round social-google-plus" href="javascript:void(0)">
                        <i class="icon bd-google-plus" aria-hidden="true"></i>
                    </a>
                </div>
            </footer>
        </div>

    </div>
</div>
<!-- End Page -->


<!-- Core  -->
<script src="../../global/vendor/jquery/jquery.min.js"></script>
<script src="../../global/vendor/bootstrap/bootstrap.min.js"></script>
<script src="../../global/vendor/animsition/animsition.min.js"></script>
<script src="../../global/vendor/asscroll/jquery-asScroll.min.js"></script>
<script src="../../global/vendor/mousewheel/jquery.mousewheel.min.js"></script>
<script src="../../global/vendor/asscrollable/jquery.asScrollable.all.min.js"></script>
<script src="../../global/vendor/ashoverscroll/jquery-asHoverScroll.min.js"></script>
<script src="../../global/vendor/waves/waves.min.js"></script>

<!-- Plugins -->
<script src="../../global/vendor/switchery/switchery.min.js"></script>
<script src="../../global/vendor/intro-js/intro.min.js"></script>
<script src="../../global/vendor/screenfull/screenfull.min.js"></script>
<script src="../../global/vendor/slidepanel/jquery-slidePanel.min.js"></script>

<!-- Plugins For This Page -->
<script src="../../global/vendor/jquery-placeholder/jquery.placeholder.min.js"></script>

<!-- Scripts -->
<script src="../../global/js/core.min.js"></script>
<script src="../assets/js/site.min.js"></script>

<script src="../assets/js/sections/menu.min.js"></script>
<script src="../assets/js/sections/menubar.min.js"></script>
<script src="../assets/js/sections/gridmenu.min.js"></script>
<script src="../assets/js/sections/sidebar.min.js"></script>

<script src="../../global/js/configs/config-colors.min.js"></script>
<script src="../assets/js/configs/config-tour.min.js"></script>

<script src="../../global/js/components/asscrollable.min.js"></script>
<script src="../../global/js/components/animsition.min.js"></script>
<script src="../../global/js/components/slidepanel.min.js"></script>
<script src="../../global/js/components/switchery.min.js"></script>
<script src="../../global/js/components/tabs.min.js"></script>

<script src="../../global/js/components/jquery-placeholder.min.js"></script>
<script src="../../global/js/components/animate-list.min.js"></script>
<script src="../../global/js/components/material.min.js"></script>


<script>
    (function(document, window, $) {
        'use strict';

        var Site = window.Site;
        $(document).ready(function() {
            Site.run();
        });
    })(document, window, jQuery);
</script>



</body>

</html>